<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!--1.选择所有在.container元素内部的<p>元素，并给它们设置背景颜色为绿色。
		2.选择.container元素内部直接作为<section>元素子元素的<h2>元素，并给它们设置字体颜色为蓝色。
		3.选择.container元素内部所有的<li>元素，并给它们设置边框为1像素的实线，颜色为黑色。
		4.选择.container元素内部直接作为<ul>元素子元素的<li>元素，并给它们设置背景颜色为红色。 -->
		
	<style>
		/* 第一题 */
		.container p {
			background-color: green;
		}

		/* 第二题 */
		.container > section > h2 {
			color: blue;
		}

		/* 第三题 */
		.container li {
			border: 1px solid black;
		}

		/* 第四题 */
		.container > section > ul > li {
			background-color: red;
		}
	</style>

</head>
<body>
	<div class="container">
		<h1>主标题</h1>
		<p>这是一个段落。</p>
		   <section>
			  <h2>小节标题</h2>
			  <p>这是另一个段落。</p>
			  <ul>
				 <li>列表项一</li>
				 <li>列表项二</li>
				 <li>列表项三</li>
			  </ul>
		   </section>
	 </div>
</body>
</html>